草庐IT

javascript - X 秒后执行 JavaScript

全部标签

javascript - jQuery promise 是否符合 Promises/A+

我已阅读thisarticle这是基于著名的DomenicDenicola'sarticle.第一个说:TheproblemwithjQuery’simplementation(upuntilversion1.9)isthatitdoesn’trespectthesecondpartofthespecification,“Thisfunctionshouldreturnanewpromise…”,thatis“then”doesn’treturnanewpromiseobjectwhenexecutingoneofthehandlers(eitherthefullfillment,th

javascript - React.js app.js 文件大小

我创建了非常简单的React应用程序,其中包含7个页面和13个组件。我正在使用gulp来编译它,使用browserify来获取依赖项,所有文件都被最小化了。我构建的app.js文件有1.1MB。我认为它很大。我可以做些什么来减小它的大小?是否有任何好的做法来实现最小尺寸?编辑:我的没有依赖项的源代码是91KB。 最佳答案 使用webpack-uglify和禁用sourcemaps可以大大提高输出到合理的大小(helloworld应用程序大约140kbs)几个步骤:将webpack配置中的devtool设置为cheap-source-

javascript - 如何从 autocomplete.getPlace() 获取 google place api 结果

我想将来自googletheplacesapi的经度/纬度结果传递到我的MVC应用程序操作路由值。我不确定如何将它获取到我的路由值或如何将javascript返回到html值。现在varresult=autocomplete.getPlace();返回一个未定义的值。因此,即使地点的自动完成工作正常,它甚至看起来都无法正常工作。varinput=document.getElementById('location');varoptions={types:['(cities)'],componentRestrictions:{country:"us"}};varautocomplete=n

javascript - 选择后 Bootstrap 日期选择器返回焦点

如果你初始化一个bootstrapdatepickerfrometernicode使用autoclose:true,会发生两种不良行为:选择器关闭后,当您跳转到下一个字段时,您将再次从文档的开头开始。这在长表单上可能会非常麻烦。因为选择器以编程方式更改值,所以您拥有的任何关心输入上的模糊事件的监听器都不会正常运行。当您选择选择器值并且输入的值未更改时,实际上会发生模糊。然后bootstrap-datepicker以编程方式更新该字段,因此永远不会用新值触发模糊。这是堆栈片段中的演示:*选择任何字段,从选择器中选择一个值,然后点击Tab$(".datepicker").datepicke

javascript - RxJS:如何在传递下一个有效值之前进行一些清理?

我必须合并流以获取URL以加载图像:一个流用于放置事件,一个流用于文件输入更改。在每条新路径上,我都会加载此图像并将其绘制到Canvas上。这个Canvas被传递到另一个流中。它看起来像这样://preventbrowsersdefaultbehaviorfordropTargetElement['drop','dragover'].forEach(function(eventName){Rx.Observable.fromEvent(dropTargetElement,eventName).subscribe(function(event){event.preventDefault(

javascript - 如何订阅 JQUERY 中的 MVC 复选框更改事件

我正在尝试使用jQuery锁定复选框更改事件,目前我有这个:$(document).ready(function(){$('.timepicker').datetimepicker({datepicker:false,format:'H:i'});$('.mondaystartfinish').hide();//subscribetochangeevents$('#IsMonday').change(function(){RunsOnMondays();});});functionRunsOnMondays(){if($('#IsMonday').prop('checked')=='t

javascript - jQuery - 检查变量是否为 dom 元素

有什么方法可以检查给定变量是非空jQuery对象还是原生DOM元素?就是这样isDomElem($("#some-existing-element"));//returnstrueisDomElem($("#some-existing-element")[0]);//returnstrueisDomElem($("#non-existing-element")[0]);//returnsfalseisDomElem("#some-existing-element");//returnsfalseisDomElem([0,1,2]);//returnsfalse//etc...

javascript - 如何更改 AmCharts 的图例标签文本?

我正在使用AmCharts创建饼图。我正在尝试更改图例labelText以显示标题、百分比和值。我尝试了以下不起作用的方法:(这被传递给AmCharts.makeChart()方法"legend":{"align":"center","position":"right","marginRight":21,"markerType":"circle","right":-4,"labelText":"[[title]]:[[percents]]%$[[value]]",}, 最佳答案 最后我发现我应该使用valueText而不是label

javascript - 修改Ajax.org Cloud9 Editor(Ace Editor)的装订线

我的网站上嵌入了一个Ace编辑器,我允许用户在其中输入内容。目前,内置函数自动显示插入的每一行的行号,如下所示:有没有办法让我手动设置gutter中的内容,然后再读取其中的值?例如:与其将其设置为1,2,3...,我希望它看起来像AabcBdef然后当我访问包含“abc”的行时,我想读取该行的装订线中的值“A”。更新:要为AceEditor自定义装订线,您必须覆盖“更新”功能:ace.require("ace/layer/my_gutter")//...define('ace/layer/my_gutter',['require','exports','ace/lib/dom'],fu

javascript - TypeScript 可以为 Closure Compiler 输出注释吗?

我正在使用TypeScript,我想使用Closure-Compiler来缩小和混淆构建TS代码后获得的JS输出。我读到GCC能够根据类型定义进行混淆。据我所知(如果我错了,请纠正我)这意味着如果我的代码上有类型注释,那么GCC将使用它们来进行更好的混淆。例如,对于obj.someProp,GCC目前在我的代码中查找someProp属性名称的所有实例,而不考虑它在哪个对象上,并替换所有实例到相同的混淆名称(例如o.a)。但是如果我在我的代码上有类型注释,GCC将能够知道哪个对象属于哪种类型并相应地对其进行混淆-因此两种不同类型的相同属性名称将被混淆为两个不同的名称。问题:我的理解正确吗